

<script>
	
	export default {
		props: {
			groupId: Number,
			required: true,
			avatarContent: String,
			groupName: String,
		},
		
		methods: {
			clickSetting()
			{
				console.log("进入广告设置页面");
				uni.navigateTo({
					url: "/pages/manage/ads/manage/manage?id=" + this.groupId
				});
			}
		}
	}
	
</script>


<template>
	<li class="list-item">
		<view class="list-item-info">
			<img alt="群聊头像" v-bind:src="avatarContent"/>
			<label>{{groupName}}</label>
		</view>
		<view>
			<button class="button is-light" v-on:click="clickSetting">广告设置</button>
		</view>
	</li>
</template>


<style>
	.list-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items:center;
	}
	
	.list-item-info {
		display: flex;
		flex-direction: row;
		text-align: left;
		justify-content: left;
		align-items: center;
	}
	
	
	.list-item-info > label {
		margin-left: 5px;
		font-size: large;
	}
	
	.list-item-info > img {
		margin-right: 5px;
		width: 30%;
		height: 100%;
	}
</style>

